<template>
  <view class="video-box">
    <video id="myVideo" :src="src" @error="videoErrorCallback" controls></video>
  </view>
</template>

<script>
export default {
  data() {
    return {
      src: "",
    };
  },
  created() {
    this.src = this.$route.query.url;
  },
  methods: {
    videoErrorCallback(e) {
      console.log(e)
    },
  },
};
</script>

<style lang="scss">
page,
.video-box {
  width: 100%;
  height: 100%;
  video {
    width: 100%;
    height: 100%;
  }
}
</style>
